<script>
import screenfull from 'screenfull'
export default {
  name: 'map',
  mounted() {
    screenfull.request()
  }
}
</script>

<template>
  <div class="map">
    <baidu-map class="map-view" :zoom="12" :center="'北京'" inertial-dragging :scroll-wheel-zoom="true">
      <bm-panorama anchor="BMAP_ANCHOR_BOTTOM_RIGHT"></bm-panorama>
      <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
      <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
      <bm-traffic :predictDate="{weekday: 7, hour: 12}"></bm-traffic>
    </baidu-map>
  </div>
</template>

<style scoped lang="scss">
.map {
  width: 100%;
  height: 100%;
  background-color: #5a5e66;

  .map-view {
    width: 100%;
    height: 100%;
  }
}
</style>
